<%@page contentType="text/html" pageEncoding="UTF-8"%>
<%@ taglib uri="http://struts.apache.org/tags-bean" prefix="bean" %>
<%@ taglib uri="http://struts.apache.org/tags-html" prefix="html" %>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
    "http://www.w3.org/TR/html4/loose.dtd">

<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <title>WonderSearch</title>
        <link rel="stylesheet" type="text/css" href="css/search.css"/>
        <script type="text/javascript" src="js/jquery-1.2.6.min.js"></script>
        <script type="text/javascript" src="js/jquery-search.js"></script>
    </head>
    <body>
        <div id="sliderWrap">
            <div id="openCloseIdentifier"></div>
            <div id="slider" class="topMenuAction">
                <div id="openCloseWrap">
                    <a href="#" id="topMenuImage">
                        <img src="images/openabout.png" alt="open" />
                    </a>
                </div>
            </div>
        </div>
        
        <html:form action="/search" styleClass="form">
            <table border="0" align="center">
                <tbody>
                    <tr>
                        <td align="center">
                            <img src="images/logo.png" alt="WonderSearch Logo"/>
                            <br/><br/><br/>
                        </td>
                    </tr>
                    <tr>
                        <td align="center">
                            <html:text property="keyword" styleId="keywordbox"/>
                        </td>
                    </tr>
                    <tr>
                        <td align="center">
                            <bean:write name="SearchForm" property="error" filter="false"/>
                            &nbsp;
                        </td>
                    </tr>
                    <tr>
                        <td align="center">
                            <html:submit value=" " styleId="searchbtn"/>
                            <br/><br/><br/>
                        </td>
                    </tr>
                </tbody>
            </table>            
            <table class="opttable" border="0" align="center">
                <tbody>
                    <tr>
                        <td class="searchopt">Path:</td>
                        <td class="searchopt">String Matching Algorithm:</td>
                        <td class="searchopt">File Browsing Algorithm:</td>
                        <td class="searchopt">Search Option:</td>
                    </tr>
                    <tr>
                        <td class="searchopt" align="center">
                            <html:text property="link" value=""/>
                        </td>
                        <td class="searchopt" align="center">
                            <html:select property="stringalgo">
                                <html:option value="KMP">KMP</html:option>
                                <html:option value="BM">Boyer-Moore</html:option>
                            </html:select>
                        </td>
                        <td class="searchopt"align="center">
                            <html:select property="browsealgo">
                                <html:option value="BFS">BFS</html:option>
                                <html:option value="DFS">DFS</html:option>
                            </html:select>
                        </td>
                        <td class="searchopt" align="center">
                            <html:select property="soption">
                                <html:option value="T">Search title only</html:option>
                                <html:option value="TC">Search title and content</html:option>
                            </html:select>
                        </td>
                    </tr>
                </tbody>
            </table>            
            <p align="center" class="flip">Show/Hide Option</p>
        </html:form>
    </body>
</html>
